<template>
  <!-- vue3.0 模板 -->
  <div class="home"></div>
</template>
  <script lang="ts">
//这里使用搭配 TypeScript语法使用 Vue
//Vue3原生语法格式

export default {
  name: "Login", //定义组件的名称
  components: {},
  setup() {
    //vue3定义组件变量在setup()中，替换data
    //定义组件内的属性,组件内属性调用方式使用生命周期关键字this 如：this.age
    return {
        user:{
            username:"",
            password:""
        }
    };
  },
  created() {
    //组件初始化时创建默认属性
  },
  mounted() {
    //同样也是组件初始化时使用，mounted方法会在页面完全加载后进行DOM相关的操作，如果使用created，有时初始化效果会失效，一般建议初始化使用mounted
  },
  methods: {
    //定义初始化方法
    initPlayer() {},
    onSubmit() {
      //定义一个事件和方法
      console.log("定义方法");
    },
  },
};
</script>